import React, { Component } from 'react'
import ThemeContext from '../context/theme-context'

export class HomeBanner extends Component {
  render() {
    console.log(this.context);
    
    return (
      <ThemeContext.Consumer>
        {
          (value) => {
            return <div style={{ color: value.color, fontSize: value.size}}>HomeBanner</div>
          }
        }
      </ThemeContext.Consumer>
    )
  }
}

HomeBanner.contextType = ThemeContext

export default HomeBanner
